<template>
  <div id="article-md">

    <el-row>
      <h3>这是一个文章的标题</h3>
    </el-row>
    <el-row style="padding: 10px">
      <el-col :span="6">{{ createDate }}</el-col>
      <el-col :span="18">
        <el-tag>文章</el-tag>
      </el-col>
    </el-row>
    <div id="article-contents" v-html="contents" />

  </div>
</template>

<script>
export default {
  name: 'Index',
  props: {
    createDate: {
      type: String,
      default: new Date().toDateString()
    },
    contents: {
      type: String,
      default: ''
    }

  }
}
</script>

<style scoped>
  #article-md {
    margin: 30px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: rgba(0, 0, 0, 0.05) 0 2px 3px;
  }

  #article-contents {
    font-size: 14px;
  }
</style>
